<!DOCTYPE html>
<HTML>
<HEAD>
    <title>Error 404!</title>        
    <!-- styles -->
    <link rel="stylesheet" type="text/css" href="/static/bootstrap/css/bootstrap.css"  media="screen">
    <link rel="stylesheet" type="text/css" href="/static/css/weblog.css">
    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="/static/ico/favicon.ico">        
    <meta charset="utf-8">  
</head>
<body>
<div class="container">
  <!-- Main hero unit for a primary marketing message or call to action -->
  <div class="hero-unit">
    <h1>ERROR 404!</h1>
    <br>
    <p>The page you are looking for does not exist! Please contact webmaster if you think this is important to you :)</p>
    <br>
    <p><a class="btn btn-primary btn-large" href="/">Home</a></p>
  </div>
</div>
<hr>

<!-- loading js script at the end -->
<script type="text/javascript" src="/static/js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="/static/bootstrap/js/bootstrap.js"></script>
</body>
</HTML>


